<style>
#newscat{
position: absolute; 
width: 780px;
line-height: 0.9em;
}

#newscat ul{
margin: 0;
padding: 0px;
margin-left: 26px;
}

#newscat li{
width: 160px;
display: inline-block;
margin-right: 15px;
}

         .holder {
            position: absolute !important;
margin-top: 210px !important;
margin-left: 26px !important;
background-color: #464747;
width: 697px;

            
          }
          .holder a {
            display: inline-block;
            cursor: pointer;
            margin: 0 5px;
            padding: 4px;
            border-radius: 50%;
			background-image:url(images/boton.png);
			width: 11px;
			height: 13px;
          }
          .holder a:hover {
            display: inline-block;
            cursor: pointer;
            margin: 0 5px;
            padding: 4px;
            border-radius: 50%;
			background-image:url(images/boton-green.png);
			width: 11px;
			height: 13px;
          }
          .holder a.jp-previous { margin-right: 15px; }
          .holder a.jp-next { margin-left: 15px; }
          .holder a.jp-current, a.jp-current:hover {
            display: inline-block;
            cursor: pointer;
            margin: 0 5px;
            padding: 4px;
            border-radius: 50%;
			background-image:url(images/boton-green.png);
			width: 11px;
			height: 13px;
          }
          .holder a.jp-disabled, a.jp-disabled:hover {
            color: #eee;
          }
          .holder a.jp-current, a.jp-current:hover,
          .holder a.jp-disabled, a.jp-disabled:hover {
            display: inline-block;
            cursor: pointer;
            margin: 0 5px;
            padding: 4px;
            border-radius: 50%;
			background-image:url(images/boton-green.png);
			width: 11px;
			height: 13px;
          }
          .holder span { margin: 0 5px; }
    
</style>
                        <!-- secciones especiales -->
                        
                        <div id="newscat">
                        <ul id="itemContainer">
                        <?php while($newss = mysql_fetch_array($seccion2)){?>
                        <li>
                            <!-- funcionario -->
                        
                            <div id="news-especial" style="position: absolute;">
                                <div><a href="noticia.php?id=<?=$newss['id']?>"><img style="max-height: 190px;  min-height: 120px;" id="imagen-especial" src="../newsimages/<?=$newss['image']?>" width="100%"/></a></div>
                                <div class="intro" style="display: block; botom: 0px; width: 100%;">
                                    <font size=3><div style="color: black;"><a href="noticia.php?id=<?=$newss['id']?>"><?=$newss['titulo']?></a></div></font>                                </div>
                                <div class="categoria"><a href="<?=$menu?>.php"><img src="images/<?=$menu?>-cinto.png" width="100%"/></a></div>
                                <div class="more"><a href="noticia.php?id=<?=$newss['id']?>"><img src="images/ver-mas.png" width="100%"/></a></div>
                            </div>
                            <!-- funcionario -->
                         </li>
                         <?php   } ?>
                            </ul>
                        <div class="holder"></div>
                                                       <!-- Twitter, Wather -->
                            <div style="position: absolute; left: 742px;">
                                <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
                                <script> 
                                    new TWTR.Widget({
                                        version: 2,
                                        type: 'profile',
                                        rpp: 20,
                                        interval: 6000,
                                        width: 200,
                                        height: 280,
                                        theme: {
                                            shell: {
                                                background: '#666666',                                            
                                                color: '#ffffff'
                                            },
                                            tweets: {
                                                background: '#ffffff',
                                                color: 'black',
                                                links: '#669933'
                                            }
                                        },
                                        features: {
                                            scrollbar: true,
                                            loop: true,
                                            live: true,
                                            hashtags: true,
                                            timestamp: true,
                                            toptweets: true,
                                            behavior: 'all'
                                        }
                                    }).render().setUser('infomedia_mx').start();
                                </script>
                                <br>
                               
                            </div>
                        </div>
                        <!-- secciones especiales -->
                        
                        <!-- secciones tv, radio, yucas -->
                        <div style="position: absolute; top: 271px; left: 205px;">
                            <div id="imtv" style="position: absolute; height: auto;">
                                <a href="tv/" target="_blank"><img src="images/imtv.png" width="160"/></a>
                            </div>
                            <div id="radio" style="position: absolute; left: 178px;">
                                <a href="../radio" target="_blank"><img src="images/imradio.png" width="160"/></a>
                            </div>
                            <div id="yucas" style="position: absolute; left: 357px;">
                                <a href="yucatan.php" target="_blank"><img src="images/imyucatan.png" width="160"/></a>
                            </div>
                        </div>
                        <!-- secciones tv, radio, yucas -->
                        
                        <!-- banners -->
                        <div style="position: absolute; margin-top: 271px; ">
                            <div id="publicidad1" style="display: block; margin-left: 26px;">
                                <a target="_blank"  style="position: absolute; top: 0px;"><a href="/noiz"><img width="160" src="images/Noiz.png"/></a>
                            </div>
                            <div id="publicidad2" style="display: none; margin-left: 26px;">
                                <a href="/noiz"><img width="160" src="images/Noiz2.png"/></a>
                            </div>
                            <div id="publicidad3" style="display: none; margin-left: 26px;">
                                <a href="/noiz"><img width="160" src="images/Noiz.png"/></a>
                            </div>
                            <div id="publicidad4" style="display: none; margin-left: 26px;">
                                <a href="/noiz"><img width="160" src="images/Noiz2.png"/></a>
                            </div>
                            <div id="publicidad5" style="display: none; margin-left: 26px;">
                                <a href="/noiz"><img width="160" src="images/Noiz2.png"/></a>
                            </div>
                        </div>
                        <!-- banners -->